<template>
  <section class="h5-wrap">
    <van-search
      v-model="key"
      placeholder="请输入搜索关键词"
      @search="searchEventHandler"
    />

    <BottomNavigation />
  </section>
</template>
<script>
import { BottomNavigation } from '@/components'
export default {
  name: 'SEARCH',
  components: {
    BottomNavigation
  },
  data () {
    return {
      key: ''
    }
  },
  methods: {
    searchEventHandler () {
      if (['pic'].includes(this.key)) {
        this.$Jump2('album.3multizoom')
        return
      }
      this.$toast('敬请期待')
      this.key = ''
    }
  }
}
</script>
<style lang="less" scoped>
section {
  min-height: 100vh;
}
</style>
